<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/jiaofei.css"
	type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/propertyBillDetail.css"
	type="text/css">
</head>
<body>
	<script type="text/javascript">
		var ctx = '${ctx}';
	</script>
	<div style="background: #fff; height:450px; margin-top:15px;padding-top:15px;">
		<table border="1"
			style="width: 100%; height: 217px; border-collapse: collapse; collapse; border-style: dotted;">
			<thead class="detail-table-head">
				<tr style="height: 40px;">
					<th colspan=2 style="text-align: left; padding-left: 40px;">账单号：${feeBillDetail.id}</th>
					<th colspan=2 style="padding-left: 80px;">缴费时间：${feeBillDetail.payTimeString}</th>
				</tr>
			</thead>
			<tbody class="detail-tbody">
				<tr>
					<td class="detail-left-colum">房屋</td>
					<td class="detail-right-colum">${feeBillDetail.houseFullName}</td>
					<td class="detail-left-colum">缴费状态</td>
					<td class="detail-right-colum">${feeBillDetail.payStateString}</td>
				</tr>
				<tr>
					<td class="detail-left-colum">欠费时间段</td>
					<td class="detail-right-colum">${feeBillDetail.startDateString}至${feeBillDetail.endDateString}</td>
					<td class="detail-left-colum">缴费方式</td>
					<td class="detail-right-colum">${feeBillDetail.payWayString}</td>
				</tr>
				<tr>
					<td class="detail-left-colum">房屋面积</td>
					<td class="detail-right-colum">${feeBillDetail.area}平米</td>
					<td class="detail-left-colum">操作人</td>
					<td class="detail-right-colum">${feeBillDetail.operatorName}</td>
				</tr>
				<tr>
					<td class="detail-left-colum">物业费单价</td>
					<td class="detail-right-colum">${feeBillDetail.unitPrice}/平米</td>
					<td class="detail-left-colum">缴费时间</td>
					<td class="detail-right-colum">${feeBillDetail.payTimeString}</td>
				</tr>
				<tr>
					<td class="detail-left-colum">物业费基数</td>
					<td
						style="border-style: none; width: 35%; text-align: left; padding-left: 20px;">${feeBillDetail.rate}</td>
					<td style="border-style: none; width: 15%;"></td>
					<td style="border-style: none; width: 35%;">合计金额：<span
						style="color: #ff832f">￥${feeBillDetail.money}元</span></td>
				</tr>
			</tbody>
		</table>
		<div>
			<button onclick="back();" class="back-btn">返回</button>
		</div>
	</div>
	<script type="text/javascript">
		function back() {
			$('#first').load(ctx+"/propertyBill/propertyFeePaymentList");
// 			parent.window.location.href = ctx + "/propertyBill/getMyBill";
		}
	</script>
</body>
</html>